// less的混入函数
// 鼠标经过上移阴影动画
.hoverShadow () {
  transition: all 0.5s;
  &:hover {
    transform: translate3d(0, -3px, 0);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
  }
}

// 使用的时候 在标签上 .hoverShadow()调用

// 例子
// <style lang="less" scoped>
// // 必须导入variables.less
// @import '@/assets/styles/variables.less';
// @import '@/assets/styles/mixins.less';
// h1 {
//   background-color: @warnColor;
//   .hoverShadow();
// }
// </style>